<?php /* Template_ 2.2.3 2011/11/14 00:40:10 D:\workspace_php\UI_TOOL\web\_tmpl\header.html */?>
﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/UI_TOOL/web/_css/BrightSide.css" type="text/css" />
<link rel="stylesheet" href="/UI_TOOL/web/_css/layout.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//--------Sajax----------------
   	<?
		sajax_show_javascript();
	?>
//------------------------------
</script>
<script type="text/javascript">
jQuery(function($){

	// Menu
	var menu = $('div.menu');
	var major = $('div.major');
	var li_list = major.find('>ul>li');

	// Selected
	function onselectmenu(){
		var myclass = [];

		$(this).parent('li').each(function(){
			myclass.push( $(this).attr('class') );
		});

		myclass = myclass.join(' ');
		if (!major.hasClass(myclass)) major.attr('class','major').addClass(myclass);
	}

	// Show Menu
	function show_menu(){
		t = $(this);
		li_list.removeClass('active');
		t.parent('li').addClass('active');
		// IE7 or IE7 documentMode bug fix
		if($.browser.msie) {
			var v = document.documentMode || parseInt($.browser.version);
			if (v == 7) {
				var subWidth = t.next('div.sub').eq(-1).width();
				t.next('div.sub').css('width',subWidth);
			}
		}
	}
	li_list.find('>a').click(onselectmenu).mouseover(show_menu).focus(show_menu);

	// Hide Menu
	function hide_menu(){
		li_list.removeClass('active');
	}
	menu.mouseleave(hide_menu);
	li_list.find('div.sub>ul').mouseleave(hide_menu);

	// Hide Menu & Aside
	$('*:not(".menu *")').focus(hide_menu);

});
</script>

<?php echo $TPL_VAR["userscript"]?>

<title>Insert title here</title>
</head>
<body>
<!-- UI Object -->
<div id="wrap">
	<p><img src="/UI_TOOL/web/_img/saltlux_logo.gif"></p>
	<div  style=' position:absolute; top:35px; right:35px;'>
		Hello gmkim | logout <br>
		lastest 30 , total 300
	 </div>
	<!-- header -->
	<div id="header">
		<!-- UI Object -->
		<div id="menu" class="menu mc_gray">
			<div class="inset">
				<div class="major">
				<!-- class="major + (m1~m12)"-->
					<ul>
					<li class="m1"><a href="./WorkReport.php"><span>Work Report</span></a></li>
					<li class="m2"><a href="./SynonymGenerator.php"><span>Synonym Generator</span></span></a></li>
					<li class="m3"><a href="./Comment.php"><span>Comment</span></a></li>
					<li class="m4"><a href="./SynonymValidation.php"><span>Synonym Validation</span></span></a></li>
					<li class="m5"><a href="./ResultSearch.php"><span>Result Search</span></span></a></li>
					<li class="m6"><a href="./SynonymSearch.php"><span>Synonym Search</span></span></a></li>
					<li class="m7"><a href="./UserManagement.php"><span>User Management</span></span></a></li>
					</ul>
				</div>
			</div>
			<span class="shadow"></span>
		</div>
	</div>
	<!-- //header -->